<template>
  <div>
    <li>
    <div >{{ data.name }}</div>
      <ul v-if="data.children && data.children.length > 0">
        <mycate v-for="child in data.children" :key="child.id" :data="child" />
      </ul>
    </li>
  </div>
</template>

<script>
export default {
  name: "mycate",
  props: ["data"],
  data() {
    return {};
  },
  methods: {},
  created() {},
};
</script>

<style>
</style>